<template>
  <el-container>
    <el-header style="padding: 0">
      <header-menu/>
    </el-header>
    <el-container style="height: calc(100vh - 60px)">
      <aside-menu/>
      <el-scrollbar style="width: 100%">
        <el-main>
          <router-view/>
        </el-main>
      </el-scrollbar>
    </el-container>
  </el-container>
</template>

<script>
import AsideMenu from "./components/AsideMenu";
import HeaderMenu from "./components/HeaderMenu";

export default {
  components: {HeaderMenu, AsideMenu},
  data() {
    return {
      isCollapse: true,
    };
  },
  methods: {},
  computed: {
    menuState() {
      return this.$store.state.asideMenuState
    },
  },
}
</script>

<style>
.el-scrollbar__wrap {
  overflow-x: hidden;
}

.from {
  margin: auto;
}
</style>
